@import "~ant-design-vue/es/style/themes/default.less";
.head-title{
  white-space: nowrap;
}
.ant-pro-sider-menu-sider.fix-sider-bar{
  box-shadow: none;
}
.ant-pro-sider-menu-logo{
  background: @header-background;
  h1{
    color: @header-color;
  }
  img{
    position: relative;
    width: auto;
    height: auto;
    max-height: 36px;
    transition: all 1s linear;
    &.collapsed{
      left: -20px;
    }
  }
}
.ant-menu-sub.ant-menu-inline {
  .ant-menu-submenu > .ant-menu-submenu-title{
    font-size: 16px ;
    }
    .ant-menu-item{
      font-size: 16px ;
      height: 48px ;
      line-height: 48px ;
      margin: 0;
      }
      .ant-menu-item:not(:last-child){
        margin-bottom: 0;
      }

}
.ant-menu.ant-menu-dark .ant-menu-item-selected{
  background: @sider-menu-hover-background;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub{
  background: @sider-menu-expend-background;
  box-shadow: none;
}
.ant-pro-global-header{
  background: @header-background;
  display: flex;
}
//菜单收起按钮
.ant-pro-global-header-trigger{
  color: @header-color;
}

.ant-pro-global-header-content{
  flex: 1;
}

.ant-pro-global-header-index-right {
  margin-right: 8px;
  .ant-pro-global-header-index-action{
    color: @header-color !important;
  }
  &.ant-pro-global-header-index-dark {
    .ant-pro-global-header-index-action {
      color: hsla(0, 0%, 100%, .85);

      &:hover {
        background: #1890ff;
      }
    }
  }

  .ant-pro-account-avatar {
    .antd-pro-global-header-index-avatar {
      margin: ~'calc((@{layout-header-height} - 48px) / 2)' 0;
      color: @primary-color;
      vertical-align: top;
      background: rgba(255, 255, 255, 0.85);
    }
  }

  .menu {
    .anticon {
      margin-right: 8px;
    }

    .ant-dropdown-menu-item {
      min-width: 100px;
    }
  }
}

